<style type="text/css">
.box-block {
	max-width: 760px;
	padding: 29px 29px 19px 29px;
	margin: 0 auto 20px;
	background-color: #FFF;
	border: 1px solid #E5E5E5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .14);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .14);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .14);
}
</style>
<div class="box-block">
	<?php
	$url = isset($_SERVER['HTTP_REFERER'])? parse_url($_SERVER['HTTP_REFERER']): parse_url($_SERVER['REQUEST_URI']);
	parse_str($url['query'], $querystring);
	if($querystring['page'] == 'buyPackage'){?>
	<h4 class="text-center">ขอบคุณสำหรับการสั่งซื้อบริการของเรา</h4>
	<div class="alert alert-info">
		<p>* สำหรับลูกค้า VPS และ Hosting ภายหลังยืนยันการชําระเงินเรียบร้อยแล้ว ทางระบบจะแจ้งวิธีการใช้งานและรายละเอียดเพิ่มเติมต่างๆทาง email ภายใน 24 ชั่วโมง</p>
		<p>* สำหรับลูกค้า Colocation กรุณารอการติดต่อกลับจากเจ้าหน้าที่ภายใน 24 ชั่วโมง</p>
		<p>* คำสั่งซื้อสินค้าใหม่ มีอายุ 7 วัน หากไม่มีการชำระภายในเวลาดังกล่าว กรุณาทำการสั่งซื้อใหม่อีกครั้งค่ะ</p>
	</div>
	<hr />
	<?php } ?>
	<h4 class="text-center">วิธีการชำระเงิน</h4>
	<h5>ชำระโดยตรงที่บริษัท</h5>
	<div>
		<p>บริษัท ปลาทูฟิวชั่น จำกัด 39 ถนนห้วยแก้ว ต.สุเทพ อ.เมือง จ.เชียงใหม่ 50200 <button class="btn showMap">แสดงแผนที่</button></p>
		<div class="map-company" style="display: none;">
			<div id="map-canvas" class="map-canvas" style="width: 760px; height: 600px;"></div>
		</div>
	</div>
	<hr />
	<h5>ชำระผ่านธนาคาร</h5>
	<div>
		<p>สามารถชำระผ่านทางธนาคารดังต่อไปนี้ <span style="background-color: lightblue;">กรุณาโอนให้มีเศษสตางค์ 2 หลัก เช่น (1000.72)</span> เพื่อง่ายต่อการตรวจสอบค่ะ</p>
		<table class="table" border="1">
			<thead>
				<tr>
					<th>ธนาคาร</th>
					<th>ชื่อบัญชี</th>
					<th>เลขที่บัญชี</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><img class="icon" src="images/k_bank.jpg"> ธนาคารกสิกรไทย สาขาถนนนิมมานเหมินทร์ เชียงใหม่</td>
					<td>บริษัท ปลาทูฟิวชั่น จำกัด</td>
					<td>511-2-10801-9</td>
				</tr>
				<tr>
					<td><img class="icon" src="images/thaip.jpg"> ธนาคารไทยพาณิชย์ สาขากาดสวนแก้ว เชียงใหม่</td>
					<td>บริษัท ปลาทูฟิวชั่น จำกัด</td>
					<td>868-2-17749-1</td>
				</tr>
				<tr>
					<td><img class="icon" src="images/gt-bank.jpg"> ธนาคารกรุงเทพ สาขากาดสวนแก้ว เชียงใหม่</td>
					<td>บริษัท ปลาทูฟิวชั่น จำกัด</td>
					<td>531-0-74527-7</td>
				</tr>
			</tbody>
		</table>
		<div class="text-right">
			<?php if(isset($_GET['invoiceId'])){?>
			<a class="btn btn-info" href="index.php?page=payment&invoiceId=<?php echo $_GET['invoiceId'];?>">แจ้งชำระเงิน</a>
			<?php }?>
			<?php if(Authenticate::isLogin()){?>
			<a class="btn btn-info" href="index.php?page=user/profile">เข้าสู่หน้าส่วนตัว</a>
			<?php }?>
		</div>
	</div>
</div>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true&language=th"></script>
<script type="text/javascript">
$(function(){
	$('.showMap').click(function(){
		$(this).hide();
		$('.map-company').show();
		
		var latLng = new google.maps.LatLng(18.797705, 98.973392);
		var myOptions = {
			'center': latLng,
			'zoom': 16,
			'mapTypeId': google.maps.MapTypeId.ROADMAP,
			//'scrollwheel': false,
			'disableDefaultUI': true,
		};
		var map = new google.maps.Map(document.getElementById("map-canvas"), myOptions);
		var marker = new google.maps.Marker({
			'position': latLng,
			'map': map
		});
	});
});
</script>